<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>当当网登录</title>
    <link
      rel="shortcut icon"
      href="http://www.dangdang.com/favicon.ico"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/puzzle.css" />
    <link rel="stylesheet" href="../css/login.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header class="wrapper">
      <img src="../images/loginImages/logo.png" alt="" />
      <div>
        <img src="../images/loginImages/icon-1.png" alt="" />
        <span>“登录页面“改进建议</span>
      </div>
    </header>
    <!-- 主体 -->
    <div class="container">
      <main class="wrapper">
        <section class="left"></section>
        <section class="right">
          <div id="login">
            <div id="dangdang">
              <a class="erweima" href="javascript:;"
                ><img src="../images/loginImages/code-1.png" alt=""
              /></a>

              <h2>
                <a id="pa" href="javascript:;" class="fw">密码登录</a>
                <i></i>
                <a id="me" href="javascript:;">验证码登录</a>
              </h2>
              <div id="gg">
                <!-- 密码登录 -->
                <div id="password">
                  <div class="inputs">
                    <div>
                      <label class="size">手机号/昵称/邮箱</label>
                      <input type="text" />
                    </div>
                  </div>
                  <div class="inputs">
                    <div>
                      <label class="size">密码</label>
                      <input type="password" />
                      <b class="iconfont icon-mimabukejian eye"></b>
                    </div>
                  </div>
                </div>
                <!-- 验证码登录 -->
                <div id="message">
                  <div class="inputs">
                    <div>
                      <label class="size">手机号</label>
                      <input type="text" />
                    </div>
                  </div>
                  <div class="inputs">
                    <div>
                      <label class="size">验证码</label>
                      <input type="text" />
                      <a href="javascript:;"
                        ><button class="verification">发送验证码</button></a
                      >
                    </div>
                  </div>
                </div>
              </div>
              <div class="error"></div>
              <div class="agreement">
                登录即同意
                <span>用户协议、</span>
                <span>用户隐私</span>
              </div>
              <button class="loginBtn">登录</button>
              <div class="other">
                <a href="javascript:;" class="startRegister">立即注册</a>
                <i></i>
                <a href="javascript:;">忘记密码</a>
              </div>
            </div>
            <div id="saoma">
              <a class="goLogin" href="javascript:;"
                ><img src="../images/loginImages/pass-1628497953.png" alt=""
              /></a>
              <h3>扫码登录</h3>
              <img src="../images/loginImages/get_qrcode.png" alt="" />
              <h6>打开<a href="javascript:;">手机当当</a>扫一扫登录</h6>
            </div>
            <div id="zhuce">
              <div class="register">
                <h2>
                  <a class="black" href="javascript:;"
                    ><img src="../images/shopping/blk.png" alt=""
                  /></a>
                  <span>立即注册</span>
                </h2>
              </div>
              <div class="inputsSome">
                <div class="inputs">
                  <div>
                    <label class="size">手机号</label>
                    <input type="text" />
                  </div>
                </div>
                <div class="inputs">
                  <div>
                    <label class="size">验证码</label>
                    <input type="text" />
                    <a href="javascript:;"
                      ><button class="verification">发送验证码</button></a
                    >
                  </div>
                </div>
              </div>
              <div class="error"></div>
              <div class="agreement">
                登录即同意
                <a href="javascript:;">用户协议、</a>
                <a href="javascript:;">隐私政策</a>
              </div>
              <button class="btnRes">同意注册并登录</button>
            </div>
          </div>

          <div class="pic">
            <img src="../images/loginImages/wx.png" alt="" />
            <img src="../images/loginImages/zfb.png" alt="" />
            <img src="../images/loginImages/qq.png" alt="" />
            <img src="../images/loginImages/wb.png" alt="" />
            <img src="../images/loginImages/baidu.png" alt="" />
          </div>
        </section>
      </main>
    </div>
    <!-- 底部 -->
    <footer class="wrapper">
      <div class="footer_nav">
        <a href="javascript:;">公司简介</a>
        <span class="sep">|</span>
        <a href="javascript:;">诚聘英才</a>
        <span class="sep">|</span>
        <a href="javascript:;">网站联盟</a>
        <span class="sep">|</span>
        <a href="javascript:;">当当招商</a>
        <span class="sep">|</span>
        <a href="javascript:;">机构销售</a>
        <span class="sep">|</span>
        <a href="javascript:;">手机当当</a>
        <span class="sep">|</span>
        <a href="javascript:;">官方Blog</a>
        <span class="sep">|</span>
        <a href="javascript:;">知识产权</a>
        <span class="sep">|</span>
        <a href="javascript:;">热词搜索</a>
      </div>
      <div class="footer_item">
        Copyright (C) 当当网 2004-2021, All Rights Reserved
      </div>
      <div class="footer_item">
        <p>
          <a href="javascript:;">京ICP证041189号</a>
          <span class="sep">|</span>
          <a href="javascript:;">出版物经营许可证 新出发京批字第直0673号</a>
          <span class="sep">|</span>
          <a href="javascript:;">食品经营许可证：JY11101050363440</a>
        </p>
        <p>
          <a href="javascript:;">京ICP备17043473号-1</a>
          <span class="sep">|</span>
          <a href="javascript:;"
            ><img src="../images/loginImages/jinggongwanganbei.png" alt="" />
            京公网安备 11010502037644号</a
          >
          <span class="sep">|</span>
          <a href="javascript:;">经营许可证编号：合字B2-20160011</a>
          <span class="sep">|</span>
          <a href="javascript:;">互联网药品信息服务资格证</a>
        </p>
        <p>
          <a href="javascript:;"
            >互联网违法和不良信息举报电话：4001066666-5
            邮箱：service@cs.dangdang.com</a
          >
        </p>
        <p>
          <a href="javascript:;"
            >网络出版服务许可证（总）网出证（京）字第049号北京当当科文电子商务有限公司，公司地址：北京市朝阳区北三环东路8号静安中心21层</a
          >
        </p>
      </div>
      <div class="footer_icon">
        <div><img src="../images/loginImages/01.png" alt="" /></div>
        <div><img src="../images/loginImages/02.png" alt="" /></div>
        <div><img src="../images/loginImages/03.png" alt="" /></div>
        <div><img src="../images/loginImages/04.png" alt="" /></div>
      </div>
    </footer>
    <div class="mark">
      <div id="slideBar"></div>
    </div>
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/puzzle.js"></script>
    <script src="../js/login.js"></script>
  </body>
</html>
